<div class="row justify-content-center">
    <div class="col-8">
        <div *ngIf="contentInfo">
            <h2><span jhiTranslate="server181102App.contentInfo.detail.title">Content Info</span> {{ contentInfo.id }}</h2>

            <hr>

            <jhi-alert-error></jhi-alert-error>

            <dl class="row-md jh-entity-details">
                <dt><span jhiTranslate="server181102App.contentInfo.contentActor" [ngbTooltip]="'server181102App.contentInfo.help.contentActor' | translate">Content Actor</span></dt>
                <dd>
                    <span>{{ contentInfo.contentActor }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentInfo" [ngbTooltip]="'server181102App.contentInfo.help.contentInfo' | translate">Content Info</span></dt>
                <dd>
                    <span>{{ contentInfo.contentInfo }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentImg" [ngbTooltip]="'server181102App.contentInfo.help.contentImg' | translate">Content Img</span></dt>
                <dd>
                    <span>{{ contentInfo.contentImg }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentTime" [ngbTooltip]="'server181102App.contentInfo.help.contentTime' | translate">Content Time</span></dt>
                <dd>
                    <span>{{ contentInfo.contentTime }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentPraiseCount" [ngbTooltip]="'server181102App.contentInfo.help.contentPraiseCount' | translate">Content Praise Count</span></dt>
                <dd>
                    <span>{{ contentInfo.contentPraiseCount }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentFavorateCount" [ngbTooltip]="'server181102App.contentInfo.help.contentFavorateCount' | translate">Content Favorate Count</span></dt>
                <dd>
                    <span>{{ contentInfo.contentFavorateCount }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentCommentCount" [ngbTooltip]="'server181102App.contentInfo.help.contentCommentCount' | translate">Content Comment Count</span></dt>
                <dd>
                    <span>{{ contentInfo.contentCommentCount }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentImgLabel" [ngbTooltip]="'server181102App.contentInfo.help.contentImgLabel' | translate">Content Img Label</span></dt>
                <dd>
                    <span>{{ contentInfo.contentImgLabel }}</span>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.account">Account</span></dt>
                <dd>
                    <div *ngIf="contentInfo.account">
                        <a [routerLink]="['/user-account', contentInfo.account?.id, 'view']">{{ contentInfo.account?.id }}</a>
                    </div>
                </dd>
                <dt><span jhiTranslate="server181102App.contentInfo.contentType">Content Type</span></dt>
                <dd>
                    <div *ngIf="contentInfo.contentType">
                        <a [routerLink]="['/content-type', contentInfo.contentType?.id, 'view']">{{ contentInfo.contentType?.id }}</a>
                    </div>
                </dd>
            </dl>

            <button type="submit"
                    (click)="previousState()"
                    class="btn btn-info">
                <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span jhiTranslate="entity.action.back">Back</span>
            </button>

            <button type="button"
                    [routerLink]="['/content-info', contentInfo.id, 'edit']"
                    class="btn btn-primary">
                <fa-icon icon="pencil-alt"></fa-icon>&nbsp;<span jhiTranslate="entity.action.edit">Edit</span>
            </button>
        </div>
    </div>
</div>
